			*{
        		margin:0px;
        		padding:0px;
    		}
    		html,body{
        		width:100%;
        		height:100%;
    		}
    		.clearfix:after{
        		clear:both;
        		display:table;
        		content:""
    		}
    		.fl{
       		 	float:left;
    		}
    		#box{
				-moz-box-sizing:border-box;
			}
			.search_input{
				position: relative;
				width: 6.5rem;
				height: .8rem;
				font-size: 14px;
				border-radius:10rem;
				background-color: white;
				background: url(//f0.jmstatic.com/btstatic/h5/common/search_btn.png) no-repeat 1.4rem .1rem;
				background-size: .5rem;
				text-align: center;
				outline:none;
			}
			.input_outer{
				display: inline-block;	
			}
			.search_action .search{
				width: .5rem;
			}
		.top{
            height:1.5rem;
            color:white;
            background-image: linear-gradient(45deg,orange,orangered);
        }
        form{
            width: 100%;
            height: 100%;
        }
        .top form{
            display: flex;
            justify-content: space-around;
            align-items: center;
        }
        #aa{
            display: block;
            margin: 40 auto;
            margin-top: -1rem;
    		margin-left: 5rem;
        }
        .bb{
            width: 1.2rem;
        }
        .top form p{
            text-align: center;
        }
        .searchbox{
            border-bottom: 2px solid white;
            height: 1rem;
            width: 6rem;

        }
        #searchlan{
            width: 80%;
            border: none;
            outline: none;
            background: transparent;
            display: block;
            margin: 0 auto;
            position: relative;
            top: 0.4rem;
            color: white;
            font-size: 32px;
        }
    		.product{
    		    width:50%;
        		padding:0.2rem;
        		box-sizing: border-box;
    		}
    		.product img{
        		width:100%;
        		opacity:0.1;
        		transition:all 1s;
        		box-sizing: border-box;
    		}

    		#loading{
        		box-shadow:3px 3px 3px 10px white;
        		background:white;
        		border-radius:5px;
        		text-align:center;
        		line-height:2rem;
    		}
    		#d1{
        		position:fixed;
        		z-index:9999;
        		width:100%;
        		height:100%;
        		background:transparent;
        		display:none;
       		 	align-items: center;
        		justify-content: center;
    		}
    		#productList{
        		display: none;
        	}

			.bot{
				position: fixed;
				left: 0;
				bottom: 0;
				background-color: #CCCCCC;
				height: 0px;
				width: 100%;
			}
			.cnt .icon div{
				width: 100%;
				margin: 0 auto;
			}
			.cnt .icon .yi{
				display: flex;
			}
			
			.cnt .icon .yi div{
				display: inline-block;
				text-align: center;
			}
			.cnt .icon .yi div p {
				text-align: center;
				display: inline-block;
			}
			.cnt .icon .yi div p img{
				width: 50%;
			}